<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link rel="stylesheet" th:href="@{/editormd/style.css}"/>
    <link rel="stylesheet" th:href="@{/editormd/editormd.css}"/>
    <script th:src="@{/editormd/jquery.min.js}"></script>
    <script th:src="@{/editormd/editormd.js}"></script>


</head>
<body>
<div id="test-editor">
    <textarea style="display:none;">### Hello Editor.md !</textarea>
</div>

<script type="text/javascript">
    alert(6);
    $(function () {
        var editor = editormd("test-editor",
            {
                width: "90%",
                height: 640,
                syncScrolling: "single",
                path: "./editormd/lib/",

                theme: "dark",
                previewTheme: "dark",
                editorTheme: "pastel-on-dark",
                markdown: md,
                codeFold: true,
                //syncScrolling : false,
                saveHTMLToTextarea: true,    // 保存 HTML 到 Textarea  这个配置，方便post提交表单
                searchReplace: true,
                //watch : false,                // 关闭实时预览
                htmlDecode: "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
                //toolbar  : false,             //关闭工具栏
                //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
                emoji: true,
                taskList: true,
                tocm: true,         // Using [TOCM]
                tex: true,                   // 开启科学公式TeX语言支持，默认关闭
                flowChart: true,             // 开启流程图支持，默认关闭
                sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
                //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
                //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
                //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
                //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
                //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff

                //启动本地图片上传功能
                imageUpload: true,
                watch: true,
                imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                imageUploadURL: "./uploadjpg",//后端的上传图片服务地址
                onload: function () {
                    //console.log('onload', this);
                    //this.fullscreen();
                    //this.unwatch();
                    //this.watch().fullscreen();

                    //this.setMarkdown("#PHP");
                    //this.width("100%");
                    //this.height(480);
                    //this.resize("100%", 640);
                }
            });
    })

    //     调用方法：
    // testEditor.gotoLine(90);//转到第90行
    //
    //     testEditor.show();//显示编辑器
    //
    //     testEditor.hide();//隐藏编辑器
    //
    //     alert(testEditor.getMarkdown());//获取编辑器内容（不含html）
    //
    //     alert(testEditor.getHTML());//获取编辑器html内容
    //
    //     testEditor.watch();//开启双窗口对比
    //
    //     testEditor.unwatch();//取消双窗口对比
    //
    //     testEditor.previewing();//预览效果
    //
    //     testEditor.fullscreen();//全屏（按ESC取消）
    //
    //     testEditor.showToolbar();//显示工具栏
    //
    //     testEditor.hideToolbar();//隐藏工具栏
    //
    //     testEditor.config({
    //         tocDropdown   : true,
    //         tocTitle      : "目录 Table of Contents",
    //     });//TOC下拉菜单
    //
    //     testEditor.config("tocDropdown", false);//TOC默认

</script>
</body>
</html>
